import React, { Component } from 'react'
import './App.css'
export default class App extends Component {

  /**
   * 构造函数
   * @param {*} props 
   */
  // constructor(props){
  //   super(props);
    
  //   // 状态管理
  //   this.state = {
  //     // 是否炎热
  //     isHot:false
  //   }
  //   this.changeWether = this.changeWether.bind(this);
  // }
  state = {
    isHot: true
  };



  /**
   * 渲染
   * @returns 
   */
  render() {
    const {isHot} = this.state;
    return (
      <div>
        <h1 onClick={this.changeWether}>今天天气很{isHot ? '炎热' : '凉爽'}</h1>
      </div>
    )
  }
  changeWether = () => {
     this.setState({isHot:!this.state.isHot});
  }
}
